<div id="index" class="row">
  <main class="col-sm-9">
    <div class="tags">
      <ul ng-if="category||selected.length>0">
        <span ng-if="category&&category!='all'">分類:<li ng-click="czCate(0,true)">{{category}}</li></span>

        <span ng-if="selected.length>0">標籤:<li ng-repeat="sel in selected track by $index" ng-click="removeTag($index)">{{sel}}</li></span>
      </ul>
    </div>
    <article class="flex">
      <section ng-repeat="sec in sections track by $index" ui-sref="article(sec)">
        <h2>「{{sec.type}}」{{sec.title}}<small>{{sec.date}}</small></h2>
        <img ng-if="sec.pic" ng-src="{{sec.pic}}" alt="">
      </section>
    </article>
    <page class="page" length="7">
    </page>
  </main>
  <aside class="col-sm-3">
    <div class="tag">
      <h3>標籤Tags</h3>
      <ul>
        <li ng-repeat="tag in tags track by $index" ng-click="addTag($index)"><a href="">{{tag}}</a></li>
      </ul>
    </div>
    <div class="tag">
      <h3>分類Categories</h3>
      <ul>
        <li ng-repeat="tag in categories track by $index" ng-click="czCate($index)"><a href="">{{tag}}</a></li>
      </ul>
    </div>
    <!--<button ng-click="index()">12312312</button>-->
  </aside>
</div>
